<link href="/Public/Index/css/common.css" rel="stylesheet" />
<link href="/Public/Index/css/index.css" rel="stylesheet" />
<div>
    <div id="app"  v-cloak>
        <div class="top border dis-flex flex-x-start flex-y-center f-14 col-main f-b">
            订单车辆调度
        </div>
        <div class="main">
            <!-- 订单 --------------------------------------------------------------- -->
            <div class="box border" style="padding:10px 20px 5px 20px;">
                <el-form :inline="true" size="mini" class="" ref="orderSearch">
                    <el-row>
                        <el-col :span="21">
                            <el-form-item v-for="(item, index) in order.searchBox" :label="item.title">
                                <!-- 文本框 -->
                                <el-input v-if="item.type == 'text'" v-model="item.value" size="mini" :name="item.name" :prefix-icon="item.icon" :placeholder="item.dec"></el-input>
                                <!-- 日期框 -->
                                <el-date-picker 
                                    v-if="item.type == 'date'" 
                                    format="yyyy-MM-dd" 
                                    value-format="yyyy-MM-dd" 
                                    :name="item.name" 
                                    v-model="item.value" 
                                    :placeholder="item.dec">
                                </el-date-picker>
                                <!-- 多选框 -->
                                <el-checkbox-group v-if="item.type == 'checkbox'" v-model="item.value">
                                    <el-checkbox v-for="item2 in item.option" :value="item2.value" :label="item2.value">{{item2.label}}</el-checkbox>
                                </el-checkbox-group>
                                <!-- 固定选择 -->
                                <el-select filterable  v-if="item.type == 'select'" size="mini" v-model="item.value" @change="onDefaultChangeSelect($event,item)">
                                    <el-option v-for="item3 in item.option" :key="item3.value" :label="item3.label" :value="item3.value">
                                    </el-option>
                                </el-select>

                            </el-form-item>
                        </el-col>
                        <el-col :span="3">
                            <div style="padding-top:20px">
                                <el-button @click="orderSubmitForm" type="warning" size="mini" plain>搜索</el-button>
                                <el-button size="mini" plain>重置</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </el-form>
            </div>
            <div id="orderlistbox" class="box border m_top10 orderlist">
                <template>
                    <el-table 
                        ref="ordertable" 
                        :data="order.tableData" 
                        height="350" 
                        tooltip-effect="dark" 
                        border 
                        stripe 
                        highlight-current-row 
                        highlight-selection-row 
                        size="mini" 
                        style="width: 100%" 
                        @selection-change="orderChoice" 
                        select="orderChoice" 
                        :row-class-name="orderTableRowClassName"
                    >
                        <el-table-column type="selection" width="40" fixed>
                        </el-table-column>
                        <el-table-column v-for="item in order.tableRole" :width="item.width" :fixed="item.fixed" :label="item.title" show-overflow-tooltip>
                            <template slot-scope="scope">
                                <div v-for="(item2,index) in scope.row" v-if="index == item.field">
                                    <div v-if="scope.row.show && !scope.row.noedit && !item.noedit">
                                        <!-- 文本框 -->
                                        <el-input v-if="item.type == 'text'" v-show="scope.row.show" v-model="scope.row[index]" size="mini">
                                        </el-input>
                                        <!-- 数字框 -->
                                        <el-input v-if="item.type == 'number'" v-show="scope.row.show" v-model="scope.row[index]" size="mini" type="number">
                                        </el-input>
                                        <!-- 日期 -->
                                        <el-date-picker v-if="item.type == 'date'" v-model="scope.row[index]" v-show="scope.row.show" size="mini">
                                        </el-date-picker>
                                        <!-- 日期时间 -->
                                        <el-date-picker v-if="item.type == 'datetime'" type="datetime" v-model="scope.row[index]" v-show="scope.row.show" size="mini">
                                        </el-date-picker>
                                        <!-- 固定选择 -->
                                        <el-select filterable v-if="item.type == 'select'" size="mini" v-model="scope.row[index]">
                                            <el-option v-for="item3 in item.option" :key="item3.value" :label="item3.label" :value="item3.value">
                                            </el-option>
                                        </el-select>
                                        <!-- api选择 -->

                <el-popover
                    v-if="item.type == 'select_api'" 
                    placement="bottom-start"
                    width="400"
                    trigger="click" 
                >
                    <el-table :data="item.option" size="mini">

                        <el-table-column v-for="item in item.optionTableRole" :width="item.width" :fixed="item.fixed" :label="item.title" show-overflow-tooltip>

                            <span v-if="item.type == 'select' || item.type == 'select_api'">
                                <span v-for=" item in item.option" v-if="item.value == scope.row[index]">{{item.label}}</span>
                            </span>
                            <!-- 普通显示 -->
                            <span v-else>{{scope.row[index]}}</span>

                        </el-table-column>

                    </el-table>
                    <el-button slot="reference" size="mini">click 激活</el-button>
                </el-popover>



                                        <el-select filterable @click.native22="onChangeSelectApi(item)" v-if="item.type == 'select_api'" @change="onChangeSelectApi($event,scope.row,item)" size="mini" v-model="scope.row[index]" no-data-text="加载中,请稍候..">
                                            <el-option v-for="item3 in item.option" :key="item3.value" :label="item3.value+' : '+item3.label" :value="item3.value">
                                            </el-option>
                                        </el-select>

                                    </div>
                                    <span v-show="!scope.row.show || scope.row.noedit || item.noedit">
                                        <!-- 固定选择/ 匹配显示 -->
                                        <span v-if="item.type == 'select' || item.type == 'select_api'">
                                            <span v-for=" item in item.option" v-if="item.value == scope.row[index]">{{item.label}}</span>
                                        </span>
                                        <!-- 普通显示 -->
                                        <span v-else>{{scope.row[index]}}</span>
                                    </span>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>

                    <el-row>
                        <el-col :span="16">
                            <el-pagination @size-change="orderSizeChange" @current-change="orderHandleCurrentChange" :current-page="order.page" :page-sizes="[10,30, 50, 70, 100]" :page-size="order.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="order.total">
                            </el-pagination>
                        </el-col>
                        <el-col :span="8">
                            <div class="dis-flex flex-x-end">
                                <el-button type="warning" @click="getCurrentRow" plain size="mini">警告按钮</el-button>
                            </div>
                        </el-col>
                    </el-row>
                </template>
            </div>
            <!-- 订单 --------------------------------------------------------------- -->
            <!-- 底部tab --------------------------------------------------------------- -->
            <div class="box border m_top10">
                <el-tabs type="border-card" size="mini">
                    <el-tab-pane label="货物明细">
                        <template>
                            <el-table 
                                ref="hwmx" 
                                :data="hwmx.tableData" 
                                height="260" 
                                tooltip-effect="dark" 
                                border 
                                stripe 
                                highlight-current-row 
                                highlight-selection-row 
                                size="mini" 
                                style="width: 100%" 
                                :row-class-name="orderTableRowClassName"
                            >
                                <el-table-column v-for="item in hwmx.tableRole" :width="item.width" :fixed="item.fixed" :label="item.title" show-overflow-tooltip>
                                    <template slot-scope="scope">
                                        <div v-for="(item2,index) in scope.row" v-if="index == item.field">
                                            <!-- 固定选择/ 匹配显示 -->
                                            <span v-if="item.type == 'select' || item.type == 'select_api'">
                                                <span v-for=" item in item.option" v-if="item.value == scope.row[index]">{{item.label}}</span>
                                            </span>
                                            <!-- 普通显示 -->
                                            <span v-else>{{scope.row[index]}}</span>
                                        </div>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </template>
                    </el-tab-pane>
                    <el-tab-pane label="车辆紧急调度">

                    </el-tab-pane>
                    <el-tab-pane label="承运单">

                    </el-tab-pane>
                </el-tabs>
            </div>
            <!-- 底部tab --------------------------------------------------------------- -->
        </div>
    </div>
</div>
<script src="https://unpkg.zhimg.com/vue@2/dist/vue.js"></script>
<script src="https://unpkg.zhimg.com/element-ui/lib/index.js"></script>
<script type="text/javascript">
   /* Vue.component('ElTableCheckbox', {
        props:[
            'row',
            'column',
            'store',
            '$index'
        ],
        render(){
            const { row, column, store, $index } = this;
            return "<el-checkbox nativeOn-click={ (event) => event.stopPropagation() }  value={ store.isselected(row) }  disabled = { column.selectable ? !column.selectable.call(null, row, $index) : false  } on-input={ () => { store.commit('rowSelectedChanged', row); }} />";
        }
    })*/
    new Vue({
        el: '#app',
        data() {
            return {
                //全局预定义数据--------------------------->
                //客户列表
                defaultCustomData:[],
                defaultPramas:{
                    cCUST_NO:'C00171', //客户编码
                    cCUST_SNM:'不凡帝运输', //客户简称
                },
                //订单表
                order:{
                    page: 1,
                    total: 0,
                    pageSize: 10,
                    //检索历史缓存数据
                    searchBoxCacheData:{},
                    //检索1
                    searchBox: [
                        {
                            title: '客户',
                            dec: '输入客户名称',
                            name: 'cCUST_NO',
                            icon: 'el-icon-user-solid',
                            //
                            type: 'select',
                            option:[],
                            value: 'C00171',
                            insert_field:{
                                'cCUST_NO':'cCUST_NO',
                                'cCUST_SNM':'cCUST_SNM'
                            },
                        },
                        {
                            type: 'text',
                            title: '始发地',
                            dec: '输入出发区域',
                            name: 'cLADING_ADDR',
                            icon: 'el-icon-s-flag',
                            value: '',
                        },
                        {
                            type: 'text',
                            title: '目的地',
                            dec: '输入目的地区域',
                            name: 'cDESTINATION',
                            icon: 'el-icon-s-flag',
                            value: '',
                        },
                        {
                            type: 'date',
                            title: '接单日',
                            name: 'cCAYODR_DATE',
                            icon: 'el-icon-s-flag',
                            value: '',
                        },
                        {
                            type: 'text',
                            title: '订单号',
                            dec: '输入订单号',
                            name: 'cCUSODR_NO',
                            icon: 'el-icon-s-order',
                            value: '',
                        },
                        {
                            type: 'text',
                            title: '运单号',
                            dec: '输入运单号',
                            name: 'cCUSCAY_NO',
                            icon: 'el-icon-s-order',
                            value: '',
                        },
                        {
                            type: 'checkbox',
                            title: '状态',
                            name: 'cCAY_STATUS',
                            icon: 'el-icon-message-solid',
                            value: [],
                            option: [{
                                value: 0,
                                label: '未调度'
                            }, {
                                value: 1,
                                label: '已调度'
                            }, {
                                value: 3,
                                label: '已送达'
                            }, {
                                value: 4,
                                label: '已回单'
                            }, {
                                value: 5,
                                label: '待结算'
                            }, {
                                value: 6,
                                label: '已结算'
                            }],
                        },
                    ],
                    // 订单规则
                    tableRole: [
                        {
                            title: 'ID',
                            field: 'idx',
                            //
                            fixed: false,
                            width: 80,
                            sort: false,
                            //
                            noedit: true,
                        }, {
                            title: '状态',
                            field: 'cCAY_STATUS',
                            //
                            fixed: false,
                            width: 110,
                            sort: false,
                            //
                            type: 'select',
                            option: [{
                                value: '0',
                                label: '未调度'
                            }, {
                                value: '1',
                                label: '已调度'
                            }, {
                                value: '3',
                                label: '已送达'
                            }, {
                                value: '4',
                                label: '已回单'
                            }, {
                                value: '5',
                                label: '待结算'
                            }, {
                                value: '6',
                                label: '已结算'
                            }],
                            value: '',
                        }, {
                            title: '托运订单号',
                            field: 'cCAYODR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户编码',
                            field: 'cCUST_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户简称',
                            field: 'cCUST_SNM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '托运日期',
                            field: 'tCAYODR_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'datetime',
                            value: '',
                        }, {
                            title: '账款年月',
                            field: 'cFIN_MON',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '组织代码',
                            field: 'cORGAN_CODE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '库存地点',
                            field: 'cCUSWRT_NO',
                            //
                            fixed: false,
                            width: 100,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户订单号',
                            field: 'cCUSODR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户PO',
                            field: 'cCUSPO_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户发货类型',
                            field: 'cCUSCAYTYPE_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '运输单号',
                            field: 'cCUSCAY_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '出库单号',
                            field: 'cCUSOUSTK_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '采购单号',
                            field: 'cCUSPUR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户订单联络人',
                            field: 'cCUSLINK_MAN',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户订单联络电话',
                            field: 'cCUSTEL_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户订单联络手机',
                            field: 'cCUSMOBIL_TEL',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '订单来源',
                            field: 'cODR_SOURCE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select',
                            option: [{
                                value: '1',
                                label: '客服录入'
                            }, {
                                value: '4',
                                label: '系统对接'
                            }],
                            value: '',
                        }, {
                            title: '规模',
                            field: 'cCAY_BULK',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select',
                            option: [{
                                value: '0',
                                label: '零担'
                            }, {
                                value: '1',
                                label: '整车'
                            }],
                            value: '',
                        }, {
                            title: '货物类型',
                            field: 'cGOODS_TYPE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select_api',
                            option: [],
                            value: '',
                            //
                            action: 'goodstype/search', //调用方法
                            show_value_field: 'cGOODS_TYPE', //值字段
                            show_value_label: 'cGOODS_NM', //显示字段
                            //
                        }, {
                            title: '运输类型编号',
                            field: 'cCAYTYPE_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select_api',
                            option: [],
                            value: '',
                            //请求参数
                            action: '/cay/type/search', //调用方法
                            show_value_field: 'cCAYTYPE_NO', //值字段
                            show_value_label: 'cCAYTYPE_NM', //显示字段
                            //
                            //带出字段
                            insert_field:{'cCAYTYPE_NM':'cCAYTYPE_NM'} , //带出写入字段  {'option数组字段':'展示字段'}
                        }, {
                            title: '运输类型',
                            field: 'cCAYTYPE_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '运输范围编号',
                            field: 'cCAYRANG_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select_api',
                            option: [],
                            value: '',
                            //请求参数
                            action: '/cay/range/search', //调用方法
                            show_value_field: 'cCAYRANG_NO', //值字段
                            show_value_label: 'cCAYRANG_NM', //显示字段
                            //
                            //带出字段
                            insert_field:{'cCAYRANG_NM':'cCAYRANG_NM'} , //带出写入字段  {'option数组字段':'展示字段'}
                        }, {
                            title: '运输范围',
                            field: 'cCAYRANG_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },

                        //中间跳过 发货地比对信息
                        //#===== 提货地
                        {
                            title: '提货点类别',
                            field: 'cLADING_KIND',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'select',
                            option:[{
                                value:'0',
                                label:'一点提货'
                            }],
                            value: '',
                        },
                        {
                            title: '提货单位',
                            field: 'cLADING_CORP',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货地点',
                            field: 'cLADING_ADDR',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货日期',
                            field: 'tLADING_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货时间',
                            field: 'cLADING_DATE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货日期',
                            field: 'tLADING_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'datetime',
                            value: '',
                        },{
                            title: '提贷联系人',
                            field: 'cLADING_LINKMAN',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货电话',
                            field: 'cLADING_TEL',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货手机',
                            field: 'cLADMOBIL_TEL',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '提货备注',
                            field: 'cLADING_REMARK',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        },


                        //#二级客户 客户送达地点 收货单位
                        {
                            title: '收货单位编号',
                            field: 'cCUSCLIENT_NO',
                            //
                            fixed: false,
                            width: 260,
                            sort: false,
                            //
                            //
                            type: 'select_api',
                            option: [],
                            value: '',
                            //请求参数
                            action: '/cust/client/search', //调用方法
                            show_value_field: 'cCUSCLIENT_NO', //值字段
                            show_value_label: 'cCUSCLIENT_NO', //显示字段
                            default_prama:[['cCUST_NO','cCUST_NO']], //额外检索参数 ['检索字段','全局字段'] 
                            //
                            //带出字段
                            insert_field:{'cCUSCLIENT_NM':'cCUSCLIENT_NM'} , //带出写入字段  {'option数组字段':'展示字段'}
                        }, {
                            title: '收货单位',
                            field: 'cCUSCLIENT_NM',
                            //
                            fixed: false,
                            width: 200,
                            sort: false,
                            noedit:true, //禁止编辑
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '收货城市',
                            field: 'cCUSEDCITY_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },

                        //#===== 客户原始订单
                        {
                            title: '收货地址',
                            field: 'cDESTINATION',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '收货联系人',
                            field: 'cLINKMAN',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '收货电话',
                            field: 'cTEL_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '客户销售提交时间',
                            field: 'tCUSSELL_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '客户财务释放时间',
                            field: 'tCUSFINA_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '里程',
                            field: 'nDISTANCE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '要求时效',
                            field: 'nREQCAY_HOURS',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '实际时效',
                            field: 'nACTCAY_HOURS',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '调车来源',
                            field: 'cVEH_SOURCE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '运输车数量',
                            field: 'iVEH_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '运输车车牌号',
                            field: 'cVEHPLATE_NOS',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },
                        //#回单日期
                        {
                            title: '回单邮寄日期',
                            field: 'cMAIL_DESC',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'date',
                            value: '',
                        },{
                            title: '计费依据',
                            field: 'cCALAMT_BY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            //
                            type: 'select',
                            option: [{
                                value: '1',
                                label: '重量'
                            }, {
                                value: '2',
                                label: '体积'
                            }],
                            value: '',
                        },{
                            title: '计价单位',
                            field: 'cUNIT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '总件数',
                            field: 'nPIECE_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '件数单位',
                            field: 'cPIEUNIT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '总箱数',
                            field: 'nBOX_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '总箱数',
                            field: 'nTRAY_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '总重量',
                            field: 'nGROSS_WEIGHT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '重量单位',
                            field: 'cWTUNIT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '总体积',
                            field: 'nVOL_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '体积单位',
                            field: 'cVOLUNIT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '货物单价',
                            field: 'nUNIT_PRICE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '主运费',
                            field: 'nCHG_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '提货费',
                            field: 'nLADING_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '送货费',
                            field: 'nDELIV_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '其它费',
                            field: 'nADD_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '总费用',
                            field: 'nTOT_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '已转货款',
                            field: 'nTURNINREPL_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '代收货款',
                            field: 'nREPLPAY_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'number',
                            value: '',
                        },{
                            title: '备注',
                            field: 'cREMARK',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '对账状态',
                            field: 'cCHKACC_TAG',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '结算状态',
                            field: 'cBAL_TAG',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '结算单号',
                            field: 'cCAYBAL_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '备注3',
                            field: 'cREMARK_3',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '承运单号',
                            field: 'cCAYING_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '拼车',
                            field: 'cGETH_TAG',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        },{
                            title: '拼车单号',
                            field: 'cGETHVEH_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }
                    ],
                    //订单数据
                    tableData: [],
                },
                //订单货物明细表
                hwmx:{
                    // 订单规则
                    tableRole: [
                        {
                            title: 'ID',
                            field: 'idx',
                            //
                            fixed: false,
                            width: 80,
                            sort: false,
                            //
                            noedit: true,
                        }, {
                            title: '托运订单号',
                            field: 'cCAYODR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '承运单上的序列号',
                            field: 'cSEQ_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户行号',
                            field: 'iCUSROW_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '货物品名',
                            field: 'cMATCLS_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '货物编号',
                            field: 'cMAT_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '货物名称',
                            field: 'cMAT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '英文名称',
                            field: 'cMAT_ENM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '收货客户物料编码',
                            field: 'cCUSCLIENTMAT_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '批次号',
                            field: 'cBATCH_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '单位',
                            field: 'cUNIT_NM',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '数量',
                            field: 'nMAT_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '长',
                            field: 'nLENGTH',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '宽',
                            field: 'nWIDTH',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '高',
                            field: 'nHEIGHT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '单体积',
                            field: 'nVOLUME',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '单重(t)',
                            field: 'nWEIGHT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '毛重(t)',
                            field: 'nGROSS_WEIGHT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '净重(t)',
                            field: 'nNET_WEIGHT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '箱数',
                            field: 'nBOX_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '托盘数',
                            field: 'nTRAY_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '货物单价',
                            field: 'nUNIT_PRICE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '货物金额',
                            field: 'nMAT_AMT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '承运单号',
                            field: 'cCAYING_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提货',
                            field: 'cLADING_KIND',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提货地点',
                            field: 'cLADING_ADDR',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提货时间',
                            field: 'tLADING_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提货时间',
                            field: 'cLADING_DATE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提贷联系人',
                            field: 'cLADING_LINKMAN',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '提货电话',
                            field: 'cLADING_TEL',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '运输路由',
                            field: 'cCAYROUTE_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '运输类型',
                            field: 'cCAYTYPE_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '起运地编号',
                            field: 'cSTPLACE_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '到达地编号',
                            field: 'cENPLACE_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '承运单价',
                            field: 'nCAYUNIT_PRICE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '可放倒',
                            field: 'cPUTDOWN_TAG',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '可叠层数',
                            field: 'iCASCADE_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户货物编码',
                            field: 'cCUSMAT_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '拒收数量',
                            field: 'nREJECT_QTY',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '拒收原因',
                            field: 'cREJECT_REASON',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '运输货物编号',
                            field: 'cCAYMAT_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '托运日期',
                            field: 'cCAYODR_DATE',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '预计到达日期',
                            field: 'tREQARR_DT',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '到达地资料',
                            field: 'cDESTINATION',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '审核标志',
                            field: 'cAUDIT_TAG',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户订单编号',
                            field: 'cCUSODR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户运输编号',
                            field: 'cCUSCAY_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '客户出库单号',
                            field: 'cCUSOUSTK_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }, {
                            title: '发运单号',
                            field: 'cCUSPUR_NO',
                            //
                            fixed: false,
                            width: 150,
                            sort: false,
                            //
                            type: 'text',
                            value: '',
                        }
                    ],
                    //订单数据
                    tableData: [],
                },
            }
        },

        created() {
            let _this = this;
            //获取订单数据
            this.orderSearch();
            //全局数据
            this.getDefaultCustomData();
            //获取订单select选项
            _this.orderGetSelectApi(_this.order.tableRole);
        },

        methods: {
            //订单--------------------------------------------------------------------------->
            orderSearch() {
                var _this = this;
                var page = this.order.page ;

                var pdata = {
                    pagesize: this.order.pageSize,
                    page: page
                };

                //检索数据
                var cache = this.order.searchBoxCacheData;

                if(  Object.keys(cache).length > 0 ){
                    pdata = Object.assign(pdata, cache);
                }

                console.log(pdata,'pdata');

                $.get("/index.php?s=/store/wlyunshu.api/getorderlist", pdata , function(resalt) {
                    var data = resalt.data.list.data;
                    if (data) {
                        data.forEach(function(item, index) {
                            item.show = true;
                        })
                    }
                    _this.order.tableData = data;
                    _this.order.total = resalt.data.list.page.total ;
                });
            },
            //修改分页条数
            orderSizeChange(val) {
                this.order.pageSize = val;
                this.order.page = 1;
                this.orderSearch();
            },
            //点击分页
            orderHandleCurrentChange(val) {
                this.order.page = val;
                this.orderSearch();
            },
            //表格单行背景
            orderTableRowClassName({ row, rowIndex }) {
                if (row.groupid > 0) {
                    return 'warning-row';
                } else if (rowIndex === 3) {
                    return 'success-row';
                }
                return '';
            },
            //提交筛选数据
            orderSubmitForm() {
                var searchdata = this.order.searchBox;
                var cache = {} ;
                searchdata.forEach(function(item){
                    if(item.value != ''){
                        cache[item.name] = item.value;
                    }
                })
                this.order.searchBoxCacheData = cache;
                this.order.page = 1; //修改为第一页
                this.orderSearch();
            },
            //订单 checkbox 被选中
            orderChoice(selection){
                //设置订单货物明细
                var hwmx_data = [];
                if(selection.length > 0){
                    selection.forEach(function(item){
                        if(item.detail.length > 0){
                            hwmx_data = hwmx_data.concat(item.detail);
                        }
                    });
                }

                this.hwmx.tableData = hwmx_data;

            },

            //获取订单选中行
            getCurrentRow() {
                let currentRow = this.$refs.ordertable.selection;
                console.log(currentRow)
            },

            //辅助
            //全局预定义数据------------------------------------------------------------->
            getDefaultCustomData() {
                let _this = this;
                request({
                    action:'/cust/search',
                    show_value_field:'cCUST_NO',
                    show_value_label:'cCUST_SNM',
                    pagesize: 999999,
                    page: 1
                }, function(resalt) {
                    var data = resalt.data.list.data;
                    if (data) {
                        _this.defaultCustomData = data;
                        _this.order.searchBox[0].option = data;
                    }
                });
            },
            onDefaultChangeSelect(val,obj) {
                let _this = this;
                if( obj.hasOwnProperty('insert_field')){
                    obj.option.forEach(function(item){
                        if(item.value == val){
                            let arr = Object.entries(obj.insert_field);
                            arr.forEach(function(item2){
                                _this.defaultPramas[item2[1]] = item[item2[0]];
                            })
                        }
                    })
                }
            },

            //获取订单select选项------------------------------------------------------------->
            orderGetSelectApi(arr) {
                let _this = this;
                arr.forEach(function(item,index){
                    if(item.type == 'select_api'){
                        _this.getSelectApi(item);
                    }
                })
            },
            //普通api预加载数据
            getSelectApi(item) {
                let _this = this;
                if (item.constructor === Object && item.option.length == 0) {
                    
                    let params = {
                        action:item.action,
                        show_value_field:item.show_value_field,
                        show_value_label:item.show_value_label,
                        pagesize: 999999,
                        page: 1
                    };
                    //特别全局筛选条件
                    if( item.hasOwnProperty('default_prama')){

                        params.extra_where = [];

                        let arr = item.default_prama;

                        arr.forEach(function(item2){
                            if(item2.length == 2){
                                params.extra_where.push([
                                    item2[0],
                                    _this.defaultPramas[item2[1]]
                                ]) ;
                            }else if(item2.length == 3){
                                params.extra_where.push([
                                    item2[0],
                                    item2[1], 
                                    _this.defaultPramas[item2[2]]
                                ]) ;
                            }
                            
                        })
                    }


                    request(params, function(resalt) {
                        var data = resalt.data.list.data;
                        if (data) {
                            item.option = data;
                        }
                    });
                }
            },
            //select选中
            onChangeSelectApi(val,row,obj) {
                if( obj.hasOwnProperty('insert_field')){
                    obj.option.forEach(function(item){
                        if(item.value == val){
                            let arr = Object.entries(obj.insert_field);
                            arr.forEach(function(item2){
                                row[item2[1]] = item[item2[0]];
                            })
                        }
                    })
                }
                
            },

        },
    })
    function request(data,backcall){
        $.get('/index.php?s=/store/wlyunshu.api/baseapi', data, function(resalt) {
            backcall && backcall(resalt);
        });
    }
</script>